<article>
	<h1><?php echo $GLOBALS['title'] ?></h1>
	<p>在 HTML DOM 中，Element 对象表示 HTML 元素。</p>
	<h2><a>元素内容的操作</a></h2>
	<h3>innerHTML 属性</h3>
	<p>用来设置或获取对象起始和结束标签内的  内容(识别html标签)
</p>
	<h4>语法</h4>
	<pre><code><?php echo htmlspecialchars('
HTMLElementObject.innerHTML=text') ?></code></pre>
	<h3>textContent 属性</h3>
	<p>属性设置或返回指定节点的文本内容，以及它的所有后代。
</p>
	<h4>语法</h4>
	<pre><code><?php echo htmlspecialchars('
node.textContent=text') ?></code></pre>
	<p><a>innerText</a>用来设置或获取对象起始和结束标签内的文  字内容 (innerText只适用于IE浏览器)</p>
	<h2><a>元素属性的操作</a></h2>
	<h3>操作元素特定属性</h3>
	<ol>
		<li>获取：对象.属性</li>
		<li>设置：对象.属性 = 属性值</li>
		<li>特定属性：ID、CLASS、A标签的href属性、IMG标签的src属  性等</li>
	</ol>
	<h4>语法</h4>
	<pre><code><?php echo htmlspecialchars('
HTMLElementObject.id=id;
HTMLElementObject.href=url;') ?></code></pre>
	<h3>setAttribute() 方法</h3>
	<p><code>setAttribute()</code> 方法添加指定的属性，并为其赋指定的值。</p>
	<h4>语法</h4>
	<pre><code><?php echo htmlspecialchars('
element.setAttribute(attributename,attributevalue)') ?></code></pre>
	<h3>getAttribute() 方法</h3>
	<p><code>getAttribute()</code> 方法返回指定属性名的属性值。</p>
	<h4>语法</h4>
	<pre><code><?php echo htmlspecialchars('
element.getAttribute(attributename)') ?></code></pre>
	<h2><a>元素样式的操作</a></h2>
	<h3> Style 对象</h3>
	<p>Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象。</p>
	<h4>语法</h4>
	<pre><code><?php echo htmlspecialchars('document.getElementById("id").style.property="值"') ?></code></pre>
	<h4>实例</h4>
<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	document.getElementById("p1").style.color="#ff0000";//设置颜色
	document.body.style.background="#FFCC80 url(bgdesert.jpg) repeat-y";//设置背景
	alert(document.getElementById("p1").style.color);//获取颜色（只对行内样式生效）
</script>') ?></code></pre>
	<h3>行内样式和外部样式通用的获取方法</h3>
	<p><code>对象.currentStyle.CSS样式</code>(IE用来获得实际的样式属性)</p>
	<p><code>getComputedStyle(对象,null).CSS样式</code>(火狐用来获得实际的样式属性)</p>
	<p>兼容性写法</p>
<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	return window.getComputedStyle ? window.getComputedStyle(obj,null).paddingLeft : obj.currentStyle.paddingLeft; 
</script>') ?></code></pre>
	<h3>作业</h3>
	<blockquote>
	<ol>
		<li>写一个可以变大变小的div,重复不断的循环</li><p></p>
		<li>模拟一个登录成功，5秒后跳转，要求：显示出秒数的  变化。</li>
	</ol>
	</blockquote>
</article>
